<script setup lang="ts">
import IndexAdmin from "./components/IndexAdmin.vue"; //登录状态信息
import IndexTotal from "./components/IndexTotal.vue"; //6 月统计信息
import IndexSale from "./components/IndexSale.vue"; //2024 年度销售额图表
import IndexOrder from "./components/IndexOrder.vue"; //2024 年订单数量图表
</script>
<template>
  <section class="index_page">
    <div>
      <!--登录状态信息-->
      <IndexAdmin></IndexAdmin>
      <!--6 月统计信息-->
      <IndexTotal></IndexTotal>
    </div>
    <div>
      <!--2024 年度销售额图表-->
      <IndexSale></IndexSale>
      <!--2024 年订单数量图表-->
      <IndexOrder></IndexOrder>
    </div>
  </section>
</template>
<style scoped>
.index_page {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 5px #e4e7ed;
  margin: 20px;
}
.index_page > div {
  display: flex;
  justify-content: space-between;
}
</style>
